/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React from 'react';
import {
  SafeAreaView,
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
  Button,
  Alert,
} from 'react-native';

import {
  Header,
  LearnMoreLinks,
  Colors,
  DebugInstructions,
  ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';

import baseStyle from './style/base.js';
import Web from "./component/tabbar/index.js";
const styles = StyleSheet.create({
  scrollView: {
    backgroundColor: Colors.lighter,
  },
});

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      num: 0,
    };
    this.numAdd = this.numAdd.bind(this);
  }
  render() {
    return (
      <SafeAreaView style={baseStyle.backGround,baseStyle.fixedBottom}>
      <Web />
        <View>
          <Text onPress={this.numAdd}>{this.state.num}</Text>
        </View>
      </SafeAreaView>
    );
  }
  numAdd() {
    let newNum = this.state.num + 1;
    console.log(newNum);
    this.setState({
      num: newNum,
    });
  }
}

export default App;
